<template>
  <view>
    <view class="u-p-38">
      <view class="ipt-group">
        <u-input placeholder="旧支付密码" v-model="password"></u-input>
      </view>

      <view class="ipt-group">
        <u-input placeholder="新支付密码" v-model="confirm"></u-input>
      </view>

      <view class="ipt-group">
        <u-input placeholder="请输入验证码" v-model="code"></u-input>
        <my-btn :size="[130, 60, 20]" bg="linear-gradient(to right, #fe8448, #fb964e, #f8a753)" color="#fff" round>点击获取</my-btn>
      </view>
    </view>

    <view class="u-p-t-64">
      <my-btn :size="[630, 80, 28]" bg="linear-gradient(to right, #fe8448, #fb964e, #f8a753)" color="#fff" round>提交</my-btn>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        username: "",
        code: "",
        password: "",
        confirm: "",
      };
    },
  };
</script>

<style lang="scss">
  .ipt-group {
    background: #fff;
    width: 100%;
    height: 90rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24rpx;
    margin-bottom: 36rpx;
  }
</style>
